*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;
}
body{
    background: #F4F4F4;
}
/*头部*/
#header{
    height: 1.33rem /* 50/37.5 */;
    width: 10rem /* 375/37.5 */;
    background: #ff841d;
    padding: .13rem /* 5/37.5 */;
    text-align: center;
    display: flex;
    justify-content: space-between;
   .back{
    margin-top: .13rem /* 5/37.5 */;
    text-align: center;
    font-size: .53rem /* 20/37.5 */;
    color: #fff;
   }
   h3{
       font-size: .53rem /* 20/37.5 */;
       font-weight: bolder;
       text-align: center;
       color: #fff;
       margin: .27rem /* 10/37.5 */ 0;
   }
   .app{
       padding: .19rem /* 7/37.5 */;
       img{
           height: .91rem /* 34/37.5 */;
           vertical-align: middle;
       }
   }
}
/*选择标题部分*/
#chooseTitle{
    border-bottom: .03rem /* 1/37.5 */ solid #ccc;
    margin-top: .08rem /* 3/37.5 */;
    height: .91rem /* 34/37.5 */;
    background: #fff;
    box-shadow: -.13rem /* 5/37.5 */   0  .27rem /* 10/37.5 */ #ccc;
    display: flex;
    div{
        flex-grow: 1;
        padding: .13rem /* 5/37.5 */;
        text-align: center;
        font: .35rem /* 13/37.5 *//.53rem /* 20/37.5 */ "";
    }
    p{
        flex-grow: 1;
        padding: .13rem /* 5/37.5 */;
        text-align: center;
        font: .35rem /* 13/37.5 *//.53rem /* 20/37.5 */ "";
    }
}
/*选择列表部分*/
#chooseList{
    // display: none;
    margin-top: .53rem /* 20/37.5 */;
    ul li{
        font: .35rem /* 13/37.5 *//1.07rem /* 40/37.5 */ "";
        border-bottom: .03rem /* 1/37.5 */ solid #ccc;
        color: black;
        font-weight: bold;
        padding-left: .27rem /* 10/37.5 */;
        background: #fff;
    }
    .chooseList1{
        display: none;
    }
    // .chooseList2{
    //     display: none;
    // }
}
/*主要商品*/
#mainShopList{
    margin-top: .53rem /* 20/37.5 */;
    padding: 0 .13rem /* 5/37.5 */;
    margin-bottom: .53rem /* 20/37.5 */;
    ul{
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
        li{
            margin-bottom: .13rem /* 5/37.5 */;
            // height: 4.8rem /* 180/37.5 */;
            background: #fff;
            img{
                width: 4.53rem /* 170/37.5 */;
            }
            div{
                margin: .53rem /* 20/37.5 */ 0;
                margin-left: .13rem /* 5/37.5 */;
                width: 4rem /* 150/37.5 */;
                color: black;
                font: .35rem /* 13/37.5 *// .53rem /* 20/37.5 */ "";
            }
            p{
                margin: .53rem /* 20/37.5 */ 0;
                margin-left: .13rem /* 5/37.5 */;
                color: #ff9000;
                font: .35rem /* 13/37.5 *// .53rem /* 20/37.5 */ "";
            }
        }
    }
}
/*底部*/
#footer{
    .footerBottom{
    .footerBottomT{
        display: flex;
        justify-content: space-between;
        a{
            border: 1px solid grey;
            text-align: center;
            height: .88rem /* 33/37.5 */;
            font: .37rem /* 14/37.5 *// .8rem /* 30/37.5 */ "";
            color: grey;
            padding: .13rem /* 5/37.5 */;
        }
        >a:nth-of-type(1){
            flex-grow: 1;
            border-right: none;
        }
        >a:nth-of-type(2){
            flex-grow: 1;
        }
        >a:nth-of-type(3){
            flex-grow: 1;
            border-left: none;
        }
    }
    .footerBottomB{
        height: 2.67rem /* 100/37.5 */;
        .footerBottomB-1{
            display: flex;
            font: .37rem /* 14/37.5 *// .8rem /* 30/37.5 */ "";
            color: grey;
            padding: .27rem /* 10/37.5 */ 1.33rem /* 50/37.5 */;
            a{
                color: grey;  
                margin-right: .13rem /* 5/37.5 */;
            }
        }
        .footerBottomB-2{
            text-align: center;
            font: .37rem /* 14/37.5 *// .37rem /* 14/37.5 */ "";
            color: black;
        }
    }   
}
}